<template>
  <section style="padding:10px;">
     <mt-header  title="" style="margin-bottom:20%">
      <router-link to="/" slot="left" href="javascript:history.go(-1)">
        <mt-button icon="back"></mt-button>
      </router-link>
    </mt-header>

  <img src="../common/images/logo1.png" height="100%" slot="icon">

  <mt-field  placeholder="请输入手机号码/用户名" type="email" v-model="email" ></mt-field>
  <mt-field label="" v-model="captcha" placeholder="请输入密码">
    <mt-button>
      <img src="../common/images/logo3.png" height="20" width="20" slot="icon">
    </mt-button>
  </mt-field>



<mt-button type="danger" size="large" style="margin-bottom: 15px;">登录</mt-button>
<mt-button type="primary" size="large" style="margin-bottom: 15px;">短信验证码登录</mt-button>
<span class="text" style="float:left">注册账号</span>
<span class="text" style="float:right">忘记密码</span>
<p style="background-position: none;margin-top: 90px;color:#999999">———— 以下方式登录 ————</p>

<img src="../common/images/logo3.png" height="100%"  slot="icon">
  



 <!--  <el-form :model="ruleForm2" :rules="rules2" ref="ruleForm2" label-position="left" label-width="0px" class="demo-ruleForm login-container">
    <h3 class="title">用户登录</h3>
    <el-form-item prop="account">
      <el-input type="text" v-model="ruleForm2.account" auto-complete="off" placeholder="账号"></el-input>
    </el-form-item>
    <el-form-item prop="checkPass">
      <el-input type="password" v-model="ruleForm2.checkPass" auto-complete="off" placeholder="密码"></el-input>
    </el-form-item>
    <el-checkbox v-model="checked" checked class="remember">记住密码</el-checkbox>
    <el-form-item style="width:100%;">
      <el-button type="primary" style="width:100%;" @click.native.prevent="handleSubmit2" :loading="logining">登录</el-button>
    </el-form-item>
  </el-form> -->
  </section>

</template>

<script>
  import { Button } from 'mint-ui';
  export default {
    data() {
      return {
        logining: false,
        ruleForm2: {
          account: '123',
          checkPass: '',
          title:'登录'
        },
        rules2: {
          account: [
            { required: true, message: '请输入账号', trigger: 'blur' },
            //{ validator: validaePass }
          ],
          checkPass: [
            { required: true, message: '请输入密码', trigger: 'blur' },
            //{ validator: validaePass2 }
          ]
        },
        checked: true
      };
    },
    components: {
      Button
    },
    methods: {
      handleReset2() {
        this.$refs.ruleForm2.resetFields();
      },
      handleSubmit2(ev) {
        var _this = this;
        this.$refs.ruleForm2.validate((valid) => {
            if(valid){ 
              this.$fetch('./userceshi.html').then((response) => {
                // console.log(response)
              })
            } 
        });
      },

    }
  }

</script>
<style >
@import '../common/css/login.css'
.mint-button--large {
  display: block;
  width: 100%;
  margin-bottom: 15px;
}
.mint-cell-wrapper{
  background-position: bottom;
  margin-top: 0px;
  margin-bottom: 20px;
}
.mint-button--danger{
  color:#fff;
  background-color:#ed5252;
}
.mint-field{
  margin-top: 20px;
}
.mint-button--primary {
    color: #ed5252;
    background-color: #fff;
    border: 1px solid;
}
.text{
  color:#ed5252;
  font-size: 10px;
}
</style>
